<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		/* 字体图标声明 */
		@font-face {
			font-family: 'icomoon';
			src: url('fonts/icomoon.eot?4zx9pi');
			src: url('fonts/icomoon.eot?4zx9pi#iefix') format('embedded-opentype'),
				url('fonts/icomoon.ttf?4zx9pi') format('truetype'),
				url('fonts/icomoon.woff?4zx9pi') format('woff'),
				url('fonts/icomoon.svg?4zx9pi#icomoon') format('svg');
			font-weight: normal;
			font-style: normal;
			font-display: block;
		}

		.icon-location {
			font-family: 'icomoon';
			font-size: 25px;
			color: blue;
		}

		.search {
			font-family: 'icomoon';
			color: coral;
		}

		span {
			font-family: 'icomoon';
			font-size: 50px;
			color: cyan;
		}

		p {
			font-family: 'icomoon';
			font-size: 20px;
			color: rgb(0, 122, 204);
		}
	</style>
</head>

<body>
	<div class="icon-location"></div>
	<div class="search"></div>
	<span></span>
	<p></p>
</body>

</html>